Documentos estáticos de
Quarto® primera parte
Encuentro 7
typst es un nuevo sistema de composición tipográfica basado en marcas para ciencia.
RStudio (también algunos otros editores como VSCode) integran entre sus herramientas la finalización enriquecida: podemos comenzar con una palabra y tabular (TAB) para completar, o presionar Ctrl + espacio para ver todas las opciones disponibles.
Inicialmente y para el uso general conviene aprovechar el modo Visual de RStudio para incorporar marcas de lenguaje Markdown. Prácticamente todos los elementos incorporados con formato markdown aplican en los diferentes formatos de salida (HTML, pdf, etc)
Pandoc y, por tanto, Quarto aceptan bloques Divs y Spans propios del HTML con sintaxis delimitada por :::
Estructura general:
{.class} o {varias-clase}::: {.class}
Este contenido es el modificado
:::
::: {style="border-left:10px solid purple"}
Este contenido tiene un diseño de borde izquierdo violeta
:::
Este contenido tiene un diseño de borde izquierdo violeta
<div> HTML pero que también sirve cuando la salida es en PDF.El formato básico de un bloque de llamadas es:
::: {.callout-*}
## Título del bloque
Texto incluído
:::
donde el * se reemplaza por el tipo de bloque. Además se puede configurar la apariencia y si se muestra o no el ícono asociado.
Nota
Existen cinco tipos de leyendas, que incluyen: note (nota), tip (consejo), warning (advertencia), caution (precaución), e important (importante)
Advertencia
Estos bloques facilitan una forma sencilla de llamar la atención, por ejemplo, sobre esta advertencia.
Importante
Se pueden editar los titulos con doble #. Por ejemplo: ## Importante
Consejo
Tip o consejo dado
Precaución
Esto se encuentra bajo construcción
Estructura general:
{.class} o {varias-clases}[texto]{.class}
<span .class>Texto</span> de HTML pero nuevamente estos son compatibles para aplicar atributos nativos de Pandoc/Quarto.Este es un texto con formato [especial]{style=“color:orange;”}.
Este es un texto con formato especial.

{width=120%}
{fig-align=“left”}
Las columnas se construyen con bloques Divs ::: columns y luego ::: {.column width=“50%”} para cada una de ellas (en este ejemplo que son 2). Cada bloque se cierra con :::
{fig-align=“right” .lightbox}
La opción .lightbox utiliza la librería de javascript GLightbox para mostrar un efecto sobre la imagen cuando pulsamos sobre ella.
Las pestañas son un bloque Divs especiales ::: {.panel-tabset} :::
El nombre de cada pestaña se establece con ## Nombre
Al ser dinámicas, solo funcionan en salidas HTML.
Sepal.Length Sepal.Width Petal.Length Petal.Width Species
1 5.1 3.5 1.4 0.2 setosa
2 4.9 3.0 1.4 0.2 setosa
3 4.7 3.2 1.3 0.2 setosa
4 4.6 3.1 1.5 0.2 setosa
5 5.0 3.6 1.4 0.2 setosa
6 5.4 3.9 1.7 0.4 setosa
Existen varios tipos de “enlaces” o hipervínculos.
Markdown
Se pueden insertar links en formato Markdown vinculados
a un texto como este de [Quarto](https://quarto.org/),
URL directas como <https://www.ine.gov.ar/> y
enlaces a [otros lugares](#docu-estaticos-title)
en el mismo documento.
La sintaxis es similar a incrustar un imagen en línea:
. Salida
Se pueden insertar links en formato Markdown vinculados a un texto como este de Quarto, URL directas como https://www.ine.gov.ar/ y enlaces a otros lugares en el mismo documento. La sintaxis es similar a incrustar un imagen en línea: .
Listas sin orden:
Salida
Listas ordenadas:
Markdown:
> Cambiemos nuestra actitud tradicional hacia la construcción
> de programas: en lugar de imaginar que nuestra tarea principal
> es indicarle a una computadora qué hacer, concentrémonos más
> bien en explicar a los seres humanos lo que queremos que haga
> una computadora. - Donald KnuthSalida:
Cambiemos nuestra actitud tradicional hacia la construcción de programas: en lugar de imaginar que nuestra tarea principal es indicarle a una computadora qué hacer, concentrémonos más bien en explicar a los seres humanos lo que queremos que haga una computadora. - Donald Knuth
Tablas Markdown
Markdown:
| Derecha | Izquierda | Predeterminado | Centrado |
|--------:|:----------|----------------|:--------:|
| 12 | 12 | 12 | 12 |
| 123 | 123 | 123 | 123 |
| 1 | 1 | 1 | 1 |Salida:
| Derecha | Izquierda | Predeterminado | Centrado |
|---|---|---|---|
| 12 | 12 | 12 | 12 |
| 123 | 123 | 123 | 123 |
| 1 | 1 | 1 | 1 |
Las tablas cuadrícula son un tipo más avanzado de tablas de Markdown que permiten otros elementos (múltiples párrafos, bloques de código, listas, etc.)
Markdown:
+---------------+---------------+--------------------+
| Formato | Extensión | Ventajas |
+===============+===============+====================+
| Documento | pdf | - Seguro |
| portable | | - Universal |
+---------------+---------------+--------------------+
| Word | docx | - Editable |
| | | - Universal |
+---------------+---------------+--------------------+
: Ejemplo tabla cuadrícula Salida:
| Formato | Extensión | Ventajas |
|---|---|---|
| Documento portable |
|
|
| Word | docx |
|
+--------------------+---------------+--------------------+
| Derecha | Izquierda | Centrado |
+===================:+:==============+:==================:+
| Documento portable | pdf | - Seguro |
+--------------------+---------------+--------------------+
+--------------:+:--------------+:------------------:+
| Derecha | Izquierda | Centrado |
+---------------+---------------+--------------------+
Al igual que en RMarkdown se puede insertar fórmulas matemáticas Latex en linea o en imagen completa, utilizando $ o $$ según corresponda.
\[ R(t)= A \left(\frac{E_0}{\rho_0}\right)^{1/5}t^{2/5} \]

En el modo Visual se pueden insertar facilmente caracteres especiales de distinto tipo, emojis y listas de términos. Por ejemplo:
Caracteres especiales:
② ≋ 𝄞 ⍾ ◴ ⭆
Emojis:
😀 🥶 👍 🤡
Listas de definición
Es una plantilla que define las características y comportamientos de una entidad
Quarto tiene soporte nativo para incrustar diagramas Mermaid y Graphviz . Esto permite crear diagramas de flujo, diagramas de secuencia, diagramas de estado, diagramas de Gantt y otros utilizando una sintaxis de texto plano inspirada en Markdown.
```{{mermaid}}
flowchart LR
A[Inicio] --> B(Pre-proceso)
B --> C{Decisión}
C --> D[Resultado 1]
C --> E[Resultado 2]
```Continuará…
Instituto Nacional de Epidemiología